<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>桌游精灵页面三</title>
    <!-- css外联样式表一般写在<head>标签里面 -->
    <link rel="stylesheet" href="桌游精灵页面三.css">  
</head>
<body>
    <div class="page">
        <header>
            <img id="left" src="../imgs/主页.png">
            <img id="right" src="../imgs/信息.png">
            <div class="tit">
                <span>游戏结果</span>
            </div>
        </header>
        <div class="display">
            <img id="victory"src="../imgs/图标.png">
            <h1>本轮游戏共抓出杀手3人，共经历了5个白天，在杀人游戏中击败了67%的玩家! </h1>
            <div class="result ">
                <p>本次游戏共计用时0小时25分钟</p>
                <ul>
                    <li>杀&nbsp;&nbsp;&nbsp;手0人</li>
                    <li>&nbsp;&nbsp;&nbsp;警&nbsp;&nbsp;&nbsp;察1人</li>
                    <li>&nbsp;&nbsp;&nbsp;平&nbsp;&nbsp;&nbsp;民6人</li>
                </ul>
                <ul>
                    <li>狙击手0人</li>
                    <li>&nbsp;&nbsp;&nbsp;医&nbsp;&nbsp;&nbsp;生1人</li>
                </ul>
            </div>
            <div class="day"> 
                <ul>
                    <li>
                        <div class="day1">
                            <h3>第1天</h3>
                            <span>0小时07分</span>
                            <p>晚上：5号被杀手杀死，5号是水民</p>
                            <p>白天：8号被全民投死，8号是杀手</p>
                        </div>
                    </li>
                    <li>
                        <div class="day1">
                            <h3>第2天</h3>
                            <span>0小时07分</span>
                            <p>晚上：5号被杀手杀死，5号是水民</p>
                            <p>白天：8号被全民投死，8号是杀手</p>
                        </div>
                    </li>
                    <li>
                        <div class="day1">
                            <h3>第2天</h3>
                            <span>0小时07分</span>
                            <p>晚上：5号被杀手杀死，5号是水民</p>
                            <p>白天：8号被全民投死，8号是杀手</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <footer>
            <div class="last">
                <div class="again">再来一局</div>
            <div class="share">上传并分享</div>
            </div>
            
        </footer>
    </div>

</body>
</html>